<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>注册界面</title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
	</head>
	<style type="text/css">
    	body{
    		);
    		position: absolute;
    		background-size: 110%;
    		background-position: 45% 23%;
    	}
    	.enrol {
    		margin: 0 20px;
    	}
    	.enrol .row {
    		display: flex;
    		align-items: center;
    	}
    	.enrol .row input {
    		margin: 0 0 10px 15px;
    	}
    	.alert{
    		
    	}
    </style>
	<body>
<div class="enrol">
	
	<div class="row"style="margin-top:170px ;">
		<div class="mui-icon mui-icon-person" style="font-size: 33px;"></div>
		<input type="text" name="user" id="user"  placeholder="请输入您的账号" />
	</div>
	<div class="row">
		<div class="mui-icon mui-icon-locked" style="font-size: 30px;"></div>
		<input type="password" name="password" id="password"  placeholder="请输入您的密码" />
	</div>
	<div class="row">
		<div class="mui-icon mui-icon-phone" style="font-size: 30px;"></div>
		<input type="text" name="user" id="user" placeholder="请输入您的手机号" />
	</div>
</div>

<form>
	<div class="mui-button-row">
		<a href="index.html">
        <button id='alertBtn' type="button" class="mui-btn mui-btn" style="width: 250px;border-radius:10px;margin-top: 30px;">注册</button>
			
		<script>
			var info = document.getElementById("mui-button-row");
			document.getElementById("alertBtn").addEventListener('tap', function() {
   			mui.alert('注册成功', '欢迎您', function() {
     		});
		});
		</script>
        
        <form class=""></form>
        </a>
        <a href="index.html">
        <button type="button" class="mui-btn mui-btn" style="width: 250px;border-radius:10px;margin-top: 15px;">登录</button>
        </a>
    </div>
</form>

	</body>
</html>
